@charset "utf-8";
/*css样式重置文件 2013-11
  author:ericky_chen;
  url:http://icewater.me;
  综合html5html5boilerplate,normalize.css, bootstrap,typo.css中文排版与自己习惯配置
  http://html5boilerplate.com
*/

/*设置盒模型(IE8及以上部分支持 IE8以下不支持border-box 盒模型) border-box使padding不影响页面元素最终宽度的计算*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*由于对盒模型border-box的不完全支持 所以使用类reset-box-sizing 重置盒模型为默认的content-box*/
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

// *{
//     transition: all .3s;
//     -moz-transition: all .3s;
//     -webkit-transition: all .3s;
//     -o-transition: all .3s;
// }



/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 设置10px = 1em*/
html{
   color: #444333;
   background: #fff;
   -webkit-text-size-adjust: 100%;   /* Prevent iOS text size adjust after orientation change, without disabling user zoom */
   -ms-text-size-adjust: 100%;
   text-rendering: optimizelegibility;
   font-size: 62.5%;
}

//注意这个属性 会在android2.3版本的浏览器中是使inline-block元素不能识别导致显示矩形方框的bug
//https://github.com/scottjehl/Device-Bugs/issues/11
//http://stackoverflow.com/questions/9400047/android-inline-block-elements-unrecognized-character-issue
/*-- Target Modernizr.no-touch class  --*/
.no-touch body {
    text-rendering: optimizeLegibility; /*-- Only target non touch based screens --*/
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   margin: 0;
   padding: 0;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
   display: inline-block;
   *display: inline;
   *zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
    font:500 1.2em/1.8 Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}


/*下面是表单元素的样式重置*/

/* 去除 IE6 input/button 多余的空白 */
button, input {
    *width: auto;
    *overflow: visible;

    /* 让 input 和 button 一样高 */
    line-height: normal;
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}



/* 去掉各Table  cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}

th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

/* 去除默认边框 */
fieldset, img {
    border: 0;
}

/* 解决 IE6-7 图片缩放锯齿问题 */
img {
    -ms-interpolation-mode: bicubic;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol, li, dt, dd {
    list-style:none;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins, a {
    text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
    background: #fffdd1;
}

b,strong {
  font-weight: bold;
}


/* 一致化 horizonal rule */
hr{
    border:none;
    border-bottom:1px solid #cfcfcf;
    margin-bottom:10px;
    *color:pink;*filter:chroma(color=pink);
    height:10px;
    *margin:-7px 0 2px;
}

small {
  font-size: 80%;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;   /* Correct overflow displayed oddly in IE 9.*/
}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}




/*下面是自定义的类*/
/*清除浮动*/
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th{
    word-wrap:break-word;
    word-break:break-all;
}
.textwrap-table{
   table-layout:fixed;
}

.float_left {float:left;}
.float_right {float:right;}

.dis_none {
  display: none;
}

.dis_block{
  display: block;
}

.mt0{margin-top: 0px !important;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.ml30{margin-left:30px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}

.text_left{text-align:left;}
.text_center{text-align:center;}
.texr_right{text-align: right;}
.texr_right{text-align: left;}